@color: #ebebeb;

.table {
  @apply text-sm flex flex-col overflow-hidden text-main;
  line-height: 14px;
  font-family: PingFang SC;

  &::-webkit-scrollbar {
    height: 5px;
  }

  &::-webkit-scrollbar-thumb {
    border-radius: 1px;
    background-color: rgba(0, 0, 0, 0.2);
  }

  .tableHeader {
    @apply w-full flex h-10 items-center;
    background-color: #eee;

    .headerItem {
      @apply relative overflow-hidden;
    }
  }

  .tableBody {
    @apply w-full flex-1 overflow-auto;

    &::-webkit-scrollbar {
      width: 5px;
    }

    &::-webkit-scrollbar-thumb {
      border-radius: 1px;
      background-color: rgba(0, 0, 0, 0.2);
    }

    .tableRowBox {
      @apply w-full;

      .tableRow {
        @apply w-full flex h-10 leading-10 items-center;
        border-bottom: 1px solid #eee;
        .checkbox {
          margin-top: 2px;
          margin-right: 10px;
        }
      }
    }
  }
}
